@import '../base';

$baseFont: 16px;
$width: 640px;
$height: 1040px;

@function px2rem($values) {
    $len: length($values);

    @if ($len==1) {
        @return __px2rem($values);
    }

    $newValues: null;

    @each $v in $values {
        $v1: if(type-of($v)==number, __px2rem($v), $v);
        $newValues: append($newValues, $v1);
    }

    @return $newValues;
}

@function __px2rem($value) {
    @return tripUnit($value) / tripUnit($width) * 10rem;
}

@function px2em($value, $base: $baseFont) {
    @return tripUnit($value) / tripUnit($base) * 1em;
}

@function tripUnit($value) {
    @return $value / (1 + 0 * $value);
}

@mixin sm {
    @media screen and (max-height: 625px) {
        @content;
    }
}

html {
    font-size: 10vw;
    @media screen and (min-width: 540px) {
        font-size: 54px;
    }
}

html,
body {
    height: 100%;
}

body {
    max-width: 540px;
    margin: auto;
    font-size: 16px;
    overflow-x: hidden;
}

@import "./scss/_nav";
@import './scss/home';
@import './scss/about';
@import './scss/apply';
@import "./scss/_infos";
@import "./scss/_contact";
@import "./scss/_strategy";